<template>
  <div>
    <div id='introduce'>
    	<p>尊敬的贵宾：
您好！
感谢您对盾安中央空调的关心和支持，您的满意是我们奋斗的全部。自盾安成立以来，始终坚持“持续改进为盾，顾客价值为安”的经营理念，您的任何有价值的意见和建议都是我们的宝贵财富,并将激励我们更好的提高与进步。请您根据实际情况填写以下表格内容
		</p>
    </div>
    <ul>
    	<li>
    		<span class='input_tip'>姓名</span>
    		<input class='input_box' type="text" name="txt" placeholder="请填写姓名" v-model="userName">
    	</li>
    	<li>
    		<span class='input_tip'>单位</span>
    		<input class='input_box' type="text" name="txt" placeholder="请填写单位" v-model="company">
    	</li>
    	<li>
    		<span class='input_tip'>电话</span>
    		<input class='input_box' type="text" name="txt" placeholder="请填写联系电话" v-model="phoneNum">
    	</li>
    </ul>
   <a class='btn' @click='submit()'>下一步</a>
  </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      userName: '',
      company: '',
      phoneNum: ''
    }
  },
  methods: {
    submit () {
      this.$ajax({
        method: 'post',
        url: 'http://dunan.youledi.cn/dunan/Home/Api/index',
        data: {
          name: this.userName,
          unit: this.company,
          mobile: this.phoneNum
        }
      }).then((data) => {
        console.log(data)
      }
      )
    }
  }
}
</script>

<style scope>
#introduce {
  color: #333333;
  font-size:0.32rem;
  background:#E8ECEF;
  width: 9.2rem;
  margin:0 auto;
  border:2px dashed #D3D3D3;
  padding:0.266667rem;
  box-sizing: border-box; 
  text-align: left;
}
.title {
  color: #0282E3;
  font-size: 0.533333rem;
}
ul{
	margin-top: 0.96rem;
}
li{
	margin-bottom:0.4rem;
}
.input_tip{
	color: #2B91DE;font-size: 0.426667rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.573333rem;
}
.input_box{
	border-radius: 0.106667rem;
	width:6.933333rem;
	height: 1.173333rem;
	font-size: 0.373333rem;
	color: #2B91DE;
	border: 2px solid #2B91DE;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.346667rem;
	outline: none;
}
.btn{
	display: block;
	text-decoration: none;
	width: 8.0rem;
	height: 1.173333rem;
	background-color:#2B91DE;
	text-align:center;
	line-height: 1.173333rem;
	color: #fff;
	font-size: 0.426667rem;
	margin: 0.973333rem auto 0;
	border-radius: 0.106667rem;
}
</style>
